.mine-page-container {
  .mine-page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 16px;
    background: #ECF1F9;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 15px;

    .mine-page-left {
      width: auto;
      .people-info {
        display: flex;
        gap: 12px;
        align-items: center;

        .people-avatar {
          .hxiw-loginuser-an-avatar {

          }
        }

        .people-content {
          display: flex;
          flex-direction: column;
          gap: 4px;

          .people-name {
            font-weight: 600;
            font-size: 24px;
            color: #4E4E4E;
          }

          .people-tip {
            font-weight: 400;
            font-size: 12px;
            color: #969696;
          }
        }

      }
    }

    .mine-page-right {
      display: flex;
      gap: 55px;
      width: auto;

      a.mine-nav {
        position: relative;
        height: 54px;
        display: flex;
        flex-direction: column; /* 垂直排列 */
        justify-content: flex-end; /* 内容底部对齐 */
        background-repeat: no-repeat;
        background-size: 32px 32px;
        background-position: 50% 0;
        font-weight: 400;
        font-size: 16px;
        color: #4E4E4E;
        text-decoration: none;
        padding: 4px 7px;
        text-align: center;

        &:hover, &.active {
          background-color: #E5EBF4;
          border-radius: 4px 4px 4px 4px;
        }

        &.mine-nav-favorite {
          background-image: url("../../assets/img/icon_shoucang(2).png");
        }

        &.mine-nav-subscription {
          background-image: url("../../assets/img/icon_dingyue(1).png");
        }

        &.mine-nav-footprint {
          background-image: url("../../assets/img/icon_zuji.png");
        }

        &.mine-nav-sysmsg {
          background-image: url("../../assets/img/icon_xiaoxi.png");
        }

        &.mine-nav-passport {
          background-position: 50% 3px;
          background-size: 24px 24px;
          background-image: url("../../assets/img/icon_safety.png");
        }
      }
    }
  }

  .mine-page-content {
    display: flex;
    gap: 16px;

    .mine-page-content-left {
      flex: 1;
    }

    .mine-page-content-right {
      width: 474px;


      .mine-analysis-wrapper {
        background: #FFFFFF;
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05);
        border-radius: 4px 4px 4px 4px;

        padding: 18px 16px;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
    }
  }
}


@media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {

}
@media (max-width: @screen-md-max) {
  .mine-page-container {
    .mine-page-header{
      flex-direction: column;
      gap: 24px;
      .mine-page-left{
        width: 100%;
      }
      .mine-page-right{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
    }
    .mine-page-content {
      flex-direction: column;
      .mine-page-content-right {
        width: 100%;
      }
    }
  }
}

